//二级标题请求
$.ajax({
	url: '../lib/json/navtop.json',
	dataType: 'json',
	success: function (res){
		console.log(res);
		// 1.一级菜单栏
		let str = '';
		res.forEach(item =>{
			//渲染一级菜单栏的li
			str+=`<li>${item.name}</li>`;
			$('.main-title .list')
			.html(str)
			.on({
				mouseenter: () => $('.dates-list').stop().slideDown(),
				mouseleave: () => $('.dates-list').stop().slideUp()
			})
			.children('li')
			.on('mouseover',function(){
				//知道自己是第几个li
				const index=$(this).index();
				//找到这个li对应的数组
				const list = res[index].list;
				//拼接
				let str = '';
				list.forEach(item=>{
					str+=`
					<li>
						<ol id="ols">
							<li><img src="${item.list_url}"></li>
							<li>${item.list_name}</li>
							<li>￥${item.list_price}</li>
						</ol>
					</li>
					`;
				$('.dates-list').html(str)	
				})
			})
			//  给dates-list添加一个移入移出事件
			$('.dates-list')
			  .on({
				mouseover: function () { $(this).finish().show() },
				mouseout: function () { $(this).finish().slideUp() }
			  })
			
		})
	  }
})


	
		
		
		
		
		
		
		
		
		
		
		

// 	}else if($(this).index()===2){
// 		$.ajax({
// 			url:"../lib/json/shoplist.json",
// 			dataType:'json',
// 			success:function(res){
// 				let resNew=res;
// 				//用数组的sort方法
// 				resNew.sort(sortPriceUp);
// 				console.log(resNew);
// 				let str='';
// 				resNew.forEach(item=>{
// 					str+=`
// 						<li>
// 							<img src="${item.img_src}" >
// 							<h3>${item.name}</h3>
// 							<h5>${item.des}</h5>
// 							<span>￥${item.price}</span>
// 						</li>
// 					`
// 				});
// 				$('.shopbox ul').html(str);
				
// 			}
// 		})
// 	}
// })

//分页器


